<!-- 定时器配置 -->
<template>
  <div style="margin-top:16px">
    <el-form-item label="执行间隔">
      <!-- <el-input-number v-model="myConfig.time" controls-position="right">
      </el-input-number> -->
      <span class="l_input_span">
                    <el-input-number
                    v-model="myConfig.time"
                    controls-position="right"
                    class="l_input_number"
                  >
                  </el-input-number>
                  <span class="l_input_num2" style="left:10px">ms</span>
                  </span>
    </el-form-item>
    <el-form-item label="执行逻辑">
      <el-button size="mini"
                 type="primary"
                 @click="openCode">Edit</el-button>
    </el-form-item>
    <!-- <codeedit @submit="codeClose"
              v-model="code.content"
              :visible.sync="code.box"></codeedit> -->
    <el-form-item label="透明度" class="form_item_margin">
      <el-slider v-model="myConfig.opacity"
       :show-tooltip="false"
        class="slider136 r_margin_right8">
      </el-slider>
      <el-input
        v-model.number="myConfig.opacity"
        class="r_56width"
        oninput="value=value.replace(/[^\d]/g,'')"
      >
        <span slot="suffix" style="line-height: 32px">%</span>
      </el-input>
    </el-form-item>
    <hr class="hr_color" style="margin-bottom: 2px"/>
  </div>
</template>

<script>
// import codeedit from '../../views/build/group/code';
export default {
  components: {
    // codeedit
  },
  props: {
    config: {
      type: Object,
      default: () => ({}),
    },
  },
  data () {
    return {
      code: {
        box: false,
        content: '',
        type:'echartFormatter'
      },
    }
  },
  computed: {
    myConfig() {
      return this.config;
    },
  },
  methods: {
    codeClose () { // value
    //   this.main.activeObj[this.code.type] = value;
    },
    openCode () {
    //   this.code.content = this.main.activeObj[this.code.type];
    //   this.code.box = true;
    },
  }
}
</script>

<style>
</style>